/**
 * Created by Administrator on 2016/11/3.
 */
 .form-horizontal .has-feedback .form-control-feedback {
   right: 25px;
 }
 .form-small-110 {
   small {
     margin-left: 110px;
   }
 }
.stream-main-upload-box {
  width: auto;
}
form {
  .form-item {
    margin-top: 10px;
  }
}
/*滚动条整体部分*/
::-webkit-scrollbar{
  width: 7px;
  height: 7px;
  border-radius: 4px;
  background-color: #fff;
}
/*滚动条两端的箭头*/
::-webkit-scrollbar-button{
  display: none;
}
/*经测试好像并不能控制什么*/
::-webkit-scroll-track{
  display: none;
}
/*滚动条内侧部分 去掉*/
::-webkit-scrollbar-track-piece {
  display: none;
}
/*滚动条中可以拖动的那部分*/
::-webkit-scrollbar-thumb{
  background-color: rgba(18, 25, 38, 0.5);
  border-radius: 4px;
}
/*变角部分*/
::-webkit-scrollbar-corner {
  display: none;
}
::-webkit-resizer{
  display: none;
}
.ane-upload-card-item {
  display: inline-block;
  height: 96px;
  width: 96px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background-color: #f5f5f5;
  text-align: center;
  word-wrap: break-word;
  margin-right: 8px;
  margin-bottom: 8px;
  vertical-align: top;
  padding: 8px;
  position: relative;
  padding: 20px 0;
  border-style: dashed;
  cursor: pointer;
      text-align: center;
  .fa {
    display: block;
    font-size: 2em;
  }
}
// 变量
@footer-height: 202px;

html {
  _background-attachment: fixed;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  height: 100%;
}

body {
  height: 100%;
  font-family: "microsoft yahei", Arial, sans-serif;
}
// 全站母版布局

.container {
  width: 1200px;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
// 头部

.modal-header {
  padding: 15px;
  border-bottom: 4px solid #26a7ff;

  .modal-title {
    font-size: 18px;
  }
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-group-xs > .btn,
.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.header {
  position: relative;
  height: 75px;
  background-color: #3c4448;
  color: #fff;

  .top-view {
    height: 43px;
    background-color: #fff;
    border-bottom: 1px solid #e3e3e3;
  }

  .logout {
    height: 75px;
    line-height: 75px;
    margin-right: 70px;
    font-size: 16px;
  }

  h3#title {
    height: 75px;
    line-height: 75px;
    margin: 0;
    padding-left: 100px;
    background: url("../img/logo.png");
    background-repeat: no-repeat;
    background-position: 20px center;
    color: #fff;
  }

  .top-view-center {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 42px;
    white-space: nowrap;
    list-style: none;
    color: #2c2c2c;

    li {
      display: inline-block;
      padding: 0 2px;
    }

    a {
      cursor: pointer;
      color: #1679ff;
    }

    .color-lblack {
      color: #2c2c2c;
    }
  }

  .header-center {
    position: relative;
    height: 193px;
    background: url('../img/header_center_bg.png') repeat-x;
    text-align: center;
    overflow: hidden;

    .header-center-cont {
      position: relative;
      height: 193px;
      background: url('../img/toubu.jpg') no-repeat;
      text-align: left;
      overflow: hidden;
    }

    .logo {
      float: left;
    }

    .logo-img {
      position: relative;
      margin-top: 67px;
      vertical-align: middle;
    }

    .oth-info {
      float: right;
      margin-top: 67px;
    }

    .header-seach-txt {
      color: #fff;
    }

    .header-seach {
      width: 485px;
      height: 40px;
      background: url("../img/search_bg.png") no-repeat;
      overflow: hidden;

      .form-control {
        height: 36px;
        margin: 2px 0;
        background-color: #f3f8fb;
        border-radius: 0;
        border: none;
        box-shadow: none;
      }

      .select-control {
        width: 135px;
        color: #038fe3;
        margin-left: 2px;
        padding: 6px 0;
        text-align: center;
      }

      .input-control {
        width: 255px;
        margin-left: -5px;
      }

      .btn-seach {
        width: 94px;
        height: 38px;
        padding: 0;
        margin-top: 1px;
        margin-left: -5px;
        color: #fff;
        text-align: center;
        line-height: 38px;
        text-decoration: none;
        background-color: #00907b;
        border-radius: 0;
      }
    }
  }

  .header-nav {
    height: 52px;
    text-align: center;
    //background-color: #008ed6;
    background: url("../img/header_nav_bg.png") repeat-x;
    overflow: hidden;

    .nav-center {
      position: relative;
      list-style: none;
      margin: auto;
      padding: 0;

      li {
        display: inline-block;
        float: left;

        &.active {
          background-color: #077294;
        }
      }

      a {
        display: inline-block;
        font-size: 18px;
        font-weight: bold;
        color: #fff;
        padding: 0 40px;
        line-height: 52px;
        text-decoration: none;
        outline: 0;

        &:hover {
          background-color: #077294;
        }
      }
    }
  }
}

.main {
  position: absolute;
  top: 75px;
  left: 0;
  right: 0;
  bottom: 0;

  .main-left {
    position: absolute;
    width: 210px;
    top: 0;
    bottom: 0;
    left: 0;

    .qm-layout-sider {
      height: 100%;

      .qm-layout-sider-inner {
        height: 100%;
        overflow: auto;

        .qm-menu {
          height: 100%;
          background-color: #3f4446;
          color: #fff;

          .qm-menu-item {
            cursor: pointer;
            position: relative;
            height: 56px;
            line-height: 56px;
          }

          .qm-menu-item-selected {
            background-color: #6b6b6b;
          }

          a {
            font-size: 18px;
            color: #fff;
            padding-left: 24px;
            display: block;
            cursor: pointer;
            text-decoration: none;

            i:first-child {
              margin-right: 15px;
              font-size: 30px;
              vertical-align: sub;
            }
          }
        }
      }
    }
  }

  .main-content {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 210px;
    background-color: #f2f2f2;
    overflow: auto;
    .breadcrumb {
      padding: 8px 15px;
      margin-bottom: 20px;
      list-style: none;
      background-color: #f5f5f5;
      border-radius: 4px;
    }

    .qm-layout-content-wrapper {
      font-size: 14px;
      margin: 0 16px 16px;
      padding: 10px;
    }
  }
  // 底部
  .footer {
    position: relative;
    height: @footer-height;
    margin-top: 20px;
    padding: 35px 0;
    background-color: #e1ebf1;
    border-top: 1px solid #d8e4f0;
    color: #595959;
    text-align: center;
    overflow: hidden;

    .footer-center {
      width: 1200px;
      margin: auto;
    }

    .footer-select {
      margin-top: 10px;
      text-align: center;

      .form-control {
        display: inline-block;
        width: 210px;
        margin: 0 5px;
        border-color: #cbdaee;
        border-radius: 0;

        &.active {
          display: inline-block !important;
        }
      }

      .footer-select-list {
        position: relative;
        display: inline-block;
        list-style: none;
        margin: 0;
        padding: 0;

        li {
          display: inline-block;
          float: left;
        }
      }
    }

    .oths {
      position: relative;
      margin: 30px 0 0;
      text-align: center;
      vertical-align: middle;

      p {
        color: #5a84a1;
      }
    }
  }
  // 面包屑导航
  .breadCrumbs-wp {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
    font-size: 14px;

    .breadCrumbs-txt {
      display: inline-block;
      float: left;
    }

    .breadCrumbs-list {
      position: relative;
      padding: 0;
      float: left;
      list-style: none;

      .breadCrumbs-item {
        position: relative;
        display: inline-block;
        padding-left: 15px;
        padding-right: 5px;
        float: left;
        color: #777;

        &:first-child {
          padding-left: 0;

          &:before {
            content: ' ';
          }
        }

        &:before {
          content: '>';
          position: absolute;
          left: 0;
          top: 0;
        }
      }

      .breadCrumbs-link {
        &.unLink {
          color: #333;
          text-decoration: none;
          cursor: text;
        }
      }
    }
  }
  // 分页
  .page-div {
    .pagination {
      position: relative;

      .laypage_main {
        * {
          font-size: 14px;
        }
      }

      .laypage_next,
      .laypage_prev {
        background-color: #21b573;
        color: #fff;
      }
    }

    .pagination-page {
      display: inline-block;
    }

    .pagination-txt {
      position: relative;
      display: inline-block;

      span {
        position: absolute;
        left: 0;
        top: 3px;
        min-width: 80px;
      }
    }
  }
  // 登录
  .login-alert,
  .tp-alert {
    position: fixed;
    margin: auto;
    width: 450px;
    height: 420px;
    padding: 5px 15px 35px;
    background-color: #fff;
    z-index: 10000;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }

  .login-alert {
    .alert-close {
      text-align: right;
      cursor: pointer;
    }

    .alert-header {
      border-bottom: 1px solid #dfdfdf;
      text-align: center;
      font-size: 22px;
      margin-bottom: 30px;
      padding: 10px 0;
    }

    .login-form {
      padding: 0 10px;

      input {
        margin-bottom: 30px;
      }
    }

    .color-white {
      color: #fff !important;
    }

    .color-lblack {
      color: #545454;

      &:hover {
        color: #23527c;
        text-decoration: underline;
      }
    }

    #loginSubmitBtn {
      margin-bottom: 30px;
    }
  }

  .mengban {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.6;
  }
  // 详细页
  .box-detailCont {
    position: relative;
    padding: 20px 30px;
    background: #fff;

    .box-detail-info {
      position: relative;
      padding: 0 0 15px;
      text-align: center;
      border-bottom: 1px solid #d9d9d9;
    }

    .box-detail-title {
      font-size: 18px;
      font-weight: 700;
      margin-bottom: 10px;
    }

    .box-detail-oth {
      span {
        display: inline-block;
        margin: 0 3px;
      }
    }

    .box-detail-sub {
      position: relative;
      margin-top: 10px;

      * {
        white-space: normal !important;
      }
    }
  }
  //
  .cr-tabsCont {
    position: relative;

    .col-left {
      float: left;
      width: 240px;
    }

    .col-right {
      float: left;
      width: 960px;
    }

    .tabs-link-wp {
      .tabs-link-list {
        position: relative;
        list-style: none;
        margin: 0;
        padding: 0;
      }

      .tabs-link-item {
        &.active {
          .tabs-link {
            background-color: #fff;
            color: #0159e5;
            font-weight: bold;
          }
        }
      }

      .tabs-link {
        display: block;
        padding: 16px 0;
        color: #333333;
        text-decoration: none;
        text-align: center;
        cursor: pointer;
        background-color: #e4eeff;

        &:hover {
          background-color: #fff;
          color: #0159e5;
          font-weight: bold;
        }
      }
    }

    .oths-c {
      margin: 20px 10px 0 0;
      background-color: #e4eeff;
      text-align: center;

      .oths-title {
        padding: 15px 0;
        font-size: 16px;
        font-weight: bold;
        color: #0159e5;
        background-color: #c2daff;
      }

      .oths-txt {
        padding: 30px 0;

        p {
          margin-bottom: 10px;
          font-size: 15px;
        }

        span {
          color: #0072c6;
        }
      }
    }

    .listCont {
      position: relative;
      padding: 45px 35px;
      background-color: #fff;

      .list {
        position: relative;
        margin: 0;
        padding: 0;
        list-style: none;

        .item {
          position: relative;
          padding: 10px 15px;
          vertical-align: middle;
          border-top: 1px dashed #d9d9d9;

          &:first-child {
            border-top-color: transparent;
          }
        }

        .list-link {
          display: block;
          margin-right: 80px;
          cursor: pointer;
          color: #545454;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;

          &:hover {
            color: #337ab7;
          }
        }

        .time-span {
          float: right;
          display: inline-block;
          margin-top: -18px;
          font-size: 12px;
          color: #999999;
        }
      }
    }
  }
  //
  .mt20 {
    margin-top: 20px;
  }
  //
  .hideBox {
    display: none !important;

    &.active {
      display: block !important;
    }
  }
}

.btn-primary {
    background-color: #26a7ff;
    border: none;
}
